<!DOCTYPE html>
<html>
      <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width,initial-scale=1">
            <title>提示框</title>
            <link rel="stylesheet" href="https://cdn.staticfile.net/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
            <script src="https://cdn.staticfile.net/jquery/3.2.1/jquery.min.js"></script>
            <script src="https://cdn.staticfile.net/popper.js/1.15.0/umd/popper.min.js"></script>
            <script src="https://cdn.staticfile.net/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
      </head>
      <body>
            <div class="container">
                  <h3>提示框实例</h3>
                  <br/><br/><br/>
                  <a href="#" data-toggle="tooltip" data-placement="top" title="我是提示内容！">鼠标移动到我这</a>
                  <a href="#" data-toggle="tooltip" data-placement="bottom" title="我是提示内容！">鼠标移动到我这</a>
                  <a href="#" data-toggle="tooltip" data-placement="left" title="我是提示内容！">鼠标移动到我这</a>
                  <a href="#" data-toggle="tooltip" data-placement="right" title="我是提示内容！">鼠标移动到我这</a>

                  <!-- 按钮使用提示框 -->
                  <button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="我是提示内容！">鼠标移动到我这</button>
                  <button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="bottom" title="我是提示内容！">鼠标移动到我这</button>
                  <button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="left" title="我是提示内容！">鼠标移动到我这</button>
                  <button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="我是提示内容！">鼠标移动到我这</button>

                  <!-- 添加html内容 -->
                  <button type="button" class="btn btn-primary" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em><u>with</u><b>Html</b>">html提示框</button>
            </div>
      </body>
      <script>
            $(document).ready(function(){
                  $('[data-toggle="tooltip"]').tooltip();
            })
      </script>
</html>